<!-- Proyecto erik 2013 UTM -->

<!DOCTYPE html>
<html>
  <head>
	
    <title>Proyecto bases de datos</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/estilos.css" rel="stylesheet">
	
	 <link rel="icon" type="image/png" href="img/img_arbol.png" /> 
	
  </head>
  <body>

  <!-- Mi nombre es daniel alejandro-->
  

<!-- Barra de navegacion superiror -->
 <nav class="navbar navbar-static-top navbar-inverse" role="navigation">  
  <div class="navbar-header">
    <a class="navbar-brand" href="index.html">   		
	</a>
  </div>
	

	<div class="col-md-4">
	<ul class="nav navbar-nav">
			<li> <a href="index.html">&nbsp <IMG SRC="img/img_arbol.png" width="24" height="24"> &nbsp Proyecto base de datos</a></li>
			
		</ul>
	</div>
	<div class="collapse navbar-collapse" id="barraNavegacion" role="banner">
		<ul class="nav navbar-nav">
			<li id="bInicio"> <a href="#"><span class="glyphicon glyphicon-home"></span>&nbsp Inicio</a></li>
			<li id="bTablas"> <a href="#"><span class="glyphicon glyphicon-list-alt"></span>&nbsp Tablas</a></li>
		</ul>
		<ul class="nav navbar-nav navbar-right">
			<li class="navbar-left" data-toggle="modal" data-target="#MacercaDe" ><a href="#"><span class="glyphicon glyphicon-info-sign " ></span>&nbsp Acerca de...</a></li>
		</ul>
	</div>
</nav>

  </div>
</div>

	<div class="row">
	
	
		<div class="col-md-4 principal">
		
		<!-- Barra de navegacion  izquierda -->
		
		<div class="panel panel-primary">
			<div class="panel-heading">
				<span class="glyphicon glyphicon-tower">&nbsp</span>  
				<div class="btn-group panel-title">
				  <button  type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
					Nombre base de datos <span class="caret"></span>
				  </button>
				  <ul class="dropdown-menu" role="menu">
					<li><a href="#">Base de datos 1</a></li>
					<li><a href="#">Base de datos 2</a></li>
					<li><a href="#">Base de datos 3</a></li>
					
				  </ul>
				</div>
				
			</div>
			
			
			<div class="list-group listaLinks">
								  <a href="#" class="list-group-item">Tabla 1 <span class="badge">14</span> </a>			  
								</div>
			
			
		</div>
	

	
		</div>
		
        

        
		
		<div id="principal" class="col-md-16 principal">
		
			<div class="panel panel-primary">
		

				
				
				<div class="panelPrincipal" id="cuerpoPrincipal">
				
				<!-- Aqui poner todo el contnido de la pantalla principal -->				
				<!-- Aqui poner todo el contnido de la pantalla principal -->				
				<!-- Aqui poner todo el contnido de la pantalla principal -->				
				<!-- Aqui poner todo el contnido de la pantalla principal -->				

				</div>
			</div>
		</div>
  
	</div>

    <!-- jQuery -->
	<!-- <script src="https://code.jquery.com/jquery.js"></script>
	 -->
	 <script src="js/jquery.js"></script>
	
	<script src="js/bootstrap.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script>	
	$( "#bTablas" ).mousedown(function() {
		$( "#cuerpoPrincipal" ).load("mostrarTablas.php");
		
	});
	$( "#bInicio" ).mousedown(function() {
		$( "#cuerpoPrincipal" ).load("mostrarTablas.php");
		
	});
	
	</script>
	
  </body>
</html>
